layui.use(['layer', 'form', 'admin', 'ax', 'formSelects', 'laydate', 'table'], function () {
    var $ = layui.jquery;
    var $ax = layui.ax;
    var form = layui.form;
    var table = layui.table;
    var admin = layui.admin;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var formSelects = layui.formSelects;

    //渲染时间选择框
    laydate.render({
        elem: '#riqi',
        trigger: 'click',
        value: new Date()
    });
    laydate.render({
        elem: '#facheTime', //指定元素
        type: 'datetime', // 可选择：年、月、日、时、分、秒
        format: 'yyyy-MM-dd HH:mm:ss', //指定时间格式
        value: new Date(), // 指定值
        trigger: 'click',
    });

    $('#btnExp').click(function () {
        //var dm=formSelects.value('peisongMendian', 'nameStr');
        depart_input_focus_handler();

    });

    // 搜索按钮点击事件
    $('#fymxSearch').click(function () {
        search();
    });
    function search() {
        var queryData = {};
        queryData['pslx'] = $("#pslx").val();
        table.reload('department_result',{
            where: queryData, page: {curr: 1}
        });

    };

    var department_result_table_options = {
        elem: '#department_result'
        , url: '/yfmx/getPslx'
        , method: 'get'
        , title: '路线列表'
        ,page: true
        , cols: [[
            {field: 'psxlmc', title: '路线', width: 300}
            , {field: 'wfgl', title: '公里数', width: 100}
            , {field: 'yj', title: '运价', width: 100}
            , {fixed: 'right', title: '操作', toolbar: '#hidden1-table-tool', width: 80}]]
    };

    // part 2: 让layui渲染页面
    // 渲染页面上的table. table中 的数据是通过 ajax 请求从后台获取
    table.render(department_result_table_options);

    // part 3: 让 layui 为页面的元素绑定事件处理函数
    //为页面上的table上的tool绑定事件处理函数
    table.on('tool(department_result)', department_tool_event_handler);

    // part 4: 为输入框绑定光标聚焦事件的触发该函数，
    $('#btyYfmxId').focus(depart_input_focus_handler);


    // 输入框的光标聚焦事件的触发函数， 弹出弹层，弹层上显示所有的历史路线，以供选择。
    function depart_input_focus_handler() {
        layer.open({
            type: 1
            , area: ['600px', '450px']
            , content: $('#hidden1')
            , success: function () {
                // 重新加载表格中的数据
                table.reload('department_result', department_result_table_options);
                $('#hidden1').css('display', 'block');
            }
        });
    }

    //点击弹出的“历史路线”弹层上的表格中“选中”按钮的触发函数
    function department_tool_event_handler(obj) {
        var data = obj.data;
        switch (obj.event) {
            case 'select':
                $('#btyYfmxId').val(data.id);
                let mc = str_before(data.psxlmc, "(");
                let bz=getParenthesesStr(data.psxlmc);
                $('#bz').val(bz);
                //formSelects.value('peisongMendian', (mc).split(","),true);
                formSelects.value('peisongMendian', (mc).split(","));
                layer.close(layer.index);
                break;
        }
    }

    /**
     * 取出小括号内的内容
     * @param text
     * @returns {string}
     */
    function getParenthesesStr(text) {
        let result = '';
        if (isEmpty(text))
            return result;
        let regex = /\((.+?)\)/g;
        let options = text.match(regex);
        if (!isEmpty(options)) {
            let option = options[0];
            if (!isEmpty(option)) {
                result = option.substring(1, option.length - 1);
            }
        }
        return result;
    }
    /**
     * 判断字符串是否为空
     */
    function isEmpty(obj) {
        if (typeof obj == "undefined" || obj == null || obj == "") {
            return true;
        } else {
            return false;
        }
    }
    /**
     * string 字符串;
     * str 指定字符;
     * split(),用于把一个字符串分割成字符串数组;
     * split(str)[0],读取数组中索引为0的值（第一个值）,所有数组索引默认从0开始;
     */
    function str_before(string, str) {
        let str_before = string.split(str)[0];
        return str_before;
    }
    /**
     * 获取车号
     */
    var qyAjax = new $ax(Feng.ctxPath + "/checi/cheliangList");
    var qyResult = qyAjax.start();
    $.each(qyResult, function (index, val) {
        $("#chehao").append("<option value='" + val.id + "'>" + val.chehao + "</option>");
    });
    form.render('select');

    /**
     * 根据车号获取相关信息
     */
    // form.on('select(chehao)', function (data) {
    //     var id = data.value;
    //     var areaAjax = new $ax(Feng.ctxPath + "/btyWlCheliang/info");
    //     areaAjax.set("id", id);
    //     var areaResult = areaAjax.start();
    //
    // });

    /**
     * 配送门店
     */
    var qyAjax = new $ax(Feng.ctxPath + "/checi/dmList");
    //qyAjax.set("qy", data.value);
    var qyResult = qyAjax.start();
    //
    $("#peisongMendian").html("");
    $.each(qyResult, function (index, val) {
        $("#peisongMendian").append("<option value='"+val.dm+"'>"+val.dm+"</option>");
    });
    formSelects.render('peisongMendian');

    // form.on('select(btyYfmxId)', function (data) {
    //     var id = data.value;
    //     var areaAjax = new $ax(Feng.ctxPath + "/yfmx/info");
    //     areaAjax.set("id", id);
    //     var areaResult = areaAjax.start();
    //     $("#gls").val(areaResult.wfgl);
    //     $("#yj").val(areaResult.yj);
    // });


    /**
     * 检索省
     */
    var qyAjax = new $ax(Feng.ctxPath + "/area/getAreaByType?type=2");
    var qyResult = qyAjax.start();
    $.each(qyResult, function (index, val) {
        $("#qy").append("<option value='" + val.id + "'>" + val.simpleName + "</option>");
    });
    form.render('select');
    /**
     * 根据省检索市
     */
    form.on('select(qy)', function (data) {
        var qy = data.value;
        var areaAjax = new $ax(Feng.ctxPath + "/area/getAreaByPid");
        areaAjax.set("pid", qy);
        var areaResult = areaAjax.start();
        $("#peisongLuxian").html("");
        $("#peisongLuxian").append("<option value=''>请选择</option>");
        $.each(areaResult, function (index, val) {
            $("#peisongLuxian").append("<option value='" + val.simpleName + "'>" + val.simpleName + "</option>");
        });
        form.render('select');
    });
    // /**
    //  * 根据市检索对应的门店
    //  */
    // form.on('select(peisongLuxian)', function (data) {
    //     var qyAjax = new $ax(Feng.ctxPath + "/checi/dmList");
    //     qyAjax.set("qy", data.value);
    //     var qyResult = qyAjax.start();
    //     //
    //     $("#peisongMendian").html("");
    //     $.each(qyResult, function (index, val) {
    //         $("#peisongMendian").append("<option value='" + val.dm + "'>" + val.dm + "</option>");
    //     });
    //     formSelects.render('peisongMendian');
    // });

    // 表单提交事件
    form.on('submit(btnSubmit)', function (data) {
        var ajax = new $ax(Feng.ctxPath + "/checi/add", function (data) {
            Feng.success("添加成功！");

            //传给上个页面，刷新table用
            admin.putTempData('formOk', true);

            //关掉对话框
            admin.closeThisDialog();

        }, function (data) {
            Feng.error("添加失败！" + data.responseJSON.message)
        });
        ajax.set(data.field);
        ajax.start();

        //添加 return false 可成功跳转页面
        return false;
    });
});